$(function () {
  

  // 模拟点击事件  点击'选择图片按钮'触发点击$('#file)
  $('#btnChooseImg').on('click', function () {
    $('#file').click()
  })


  // 定义空变量接收选择的文件以便全局使用
  let file = null
  // 事件监听   监听点击$('#file)后的操作
  $('#file').on('change', function (e) {
    // 事件对象参数获取真正的事件源
    let files = e.target.files
    console.dir($('#file')[0]==e.target)
    // 判断是否选择了图片 如果为0 就是没有选择图片则结束函数
    if (files.length === 0) {
      file = null
      return
    }
    file = files[0]
    // URL里的函数URL.createObjectURL(files[0])获取文件中的url地址
    let imgURL = URL.createObjectURL(files[0])
    // 为图片替换新的src地址
    $('#image').attr('src',imgURL)
  })




  // 点击上传文件事件
  $('#btnUploadImg').on('click', function () {
    if (!file) {
      layui.msg('请先选择上传的图像')
      return
    }

    // 构造函数
    let fr = new FileReader()
    console.dir(fr)
    fr.readAsDataURL(file)
    //监听文件读取完成load事件 
    fr.addEventListener('load', function () {
      //fr.result为base64格式的结果
      // console.log(fr.result)
      axios.patch('/my/update/avatar', {
        avatar:fr.result
      }).then(({data:res}) => {
        if (res.code == 0) {
          layer.msg('头像上传成功',{icon:1})
          window.parent.initUserInfo()
        } else {
          layui.msg(res.message)
        }
      })
    })
  })



  
})